@use "sass:color";

$color-brand: #667eea;
$color-success: #22ac38;
$color-warning: #EF8700;
$color-danger: #d20303;
$color-info: #909399;
$bg-color-page:#eee;
$bg-td-1-color:#fff;
$bg-td-2-color:#F4F7F9;


$text-color-primary: #151515; // 主要文字颜色
$text-color-regular: #2F2F2F; // 常规文字颜色
$text-color-secondary: #666; // 次要文字颜色
$text-color-placeholder: #f9fbfc; // 占位符颜色
$text-color-disabled: #ced4da;
$text-color-white: #fff;
$text-color-brand: #00a3ff;
$border-color-primary: #DDDDDD;
$border-color-brand: #90D7FF;



$line-height-base: 1.5;
$line-height-sm: 1.4;
$line-height-lg: 1.6;

$font-size-base: 1.4rem;
$font-size-system-Logo: 2.8rem;
$font-size-system-menu: 2.4rem;
$font-size-page-menu: 1.8rem;
$font-size-block-title: 1.6rem;
$font-size-base-btn-text: 1.4rem;
$font-size-tips: 1.2rem;



// --- 7. 响应式断点 (Breakpoints) ---
// --------------------------------------------------------------------------
// (使用 px，用于媒体查询)
$breakpoint-sm: 576px;  // 小屏幕，手机
$breakpoint-md: 768px;  // 平板
$breakpoint-lg: 1024px;  // 桌面
$breakpoint-xl: 1400px; // 大桌面
$breakpoint-xxl: 1536px; // 超大桌面

